import React from 'react'
import './portrait.css'
import { Card } from 'antd';
const portrait: React.FC = () => {

  return (
  <div className='people'>
                <div className='people-hed'>
                  <p>
                    <input type="text" placeholder='搜索海量视频模版源文件'/>
                    <span className='iconfont icon-sousuo'></span>
                  </p>
                </div>
                  <div className='people-center'>
                   <p><img src="../src/assets/img/pic1.png" alt="" /></p>
                    <p><img src="../src/assets/img/pic2.png" alt="" /></p>
                     <p><img src="../src/assets/img/pic3.png" alt="" /></p>
                  </div>
                    <div className='people-bom'>
                         <Card title="职业人像" style={{ width: 200, height: 248 }}>
                      <p>白领</p>
                      <p>医护</p>
                      <p>工人</p>
                      <p>保洁</p>
                      <p>教师</p>
                    </Card>
                          <Card title="东方人像" style={{ width: 200, height: 248 }}>
                      <p>小孩</p>
                      <p>青年</p>
                      <p>美女</p>
                      <p>老人</p>
                      <p>亲子</p>
                    </Card>
                          <Card title="视频人像" style={{ width: 200, height: 248 }}>
                      <p>家庭亲子</p>
                      <p>运动健身</p>
                      <p>可爱儿童</p>
                      <p>汉服美女</p>
                      <p>工作场景</p>
                    </Card>
                    </div>
              </div>
  )
}

export default portrait
